<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../bootstrap-5.3.0-alpha1-dist/css/bootstrap.min.css">
    <style>
        body {
            margin: 0;
            background-color: #f7f7f773;
        }

        .head_background {
            filter: blur(1rem);
            width: 100rem;
            height: 7rem;
            /* height: 4.22rem; */
        }


    </style>
</head>

<body>
    <div class="head_background"></div>
    <div class="head_main">
        <img src="../static/head/logo.png" style="width: 9.84rem;height: 3.65rem;" />
        <div class="vr head_ver"></div>
        <span class="head_font1">企业营销，从食安开始</span>
        <ul class="head_ul">
            <li class="head_li">首页</li>
            <li class="head_li a">最新动态</li>
            <li class="head_li">关于我们</li>
        </ul>

    </div>
    <script src="../js/jquery-3.5.1.min.js"></script>
    <script src="../js/rem.js"></script>
    <script src="../bootstrap-5.3.0-alpha1-dist/js/bootstrap.min.js"></script>
    <script>

        $("#head_product").click(() => {
            if ($('#head_dig').is(':visible')) {
                $('#head_dig').hide();
            } else {
                $('#head_dig').show();
            }
        })

    </script>
</body>

</html>